<!DOCTYPE html>
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="">
<title></title>
<script type="text/javascript">
	function isIE() {
		return (!!window.ActiveXObject || 'ActiveXObject' in window);
	}
	function img404(event) {
		// 获取img对象，火狐是event.target ，IE及谷歌其他是event.srcElement
		var img = event.srcElement || event.target;
		img.onerror = null;
	}
	if (isIE()) {
		// console.log('I use IE.');
		var ua = navigator.userAgent;
		var isIE11 = -1 < ua.indexOf('Trident') && -1 < ua.indexOf("rv:11.0");
		if (isIE11) {
			document
					.write("<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js?v2.0.2'><\/script>");
		}
	} else {
		document
				.write("<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js?v2.0.2'><\/script>");
	}
</script><script type="text/javascript" src="http://www.foreworld.net/js/jquery/2.0.2//jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if gte IE 9]>
	<script type='text/javascript' src='http://www.foreworld.net/js/jquery/2.0.2/jquery.min.js'></script>
<![endif]-->
<!--[if lt IE 9]>
	<script type='text/javascript' src='http://www.foreworld.net/js/jquery/1.11.3/jquery.min.js'></script>
	<script type='text/javascript' src='http://www.foreworld.net/js/html5shiv/3.7.2/html5shiv.min.js'></script>
	<script type='text/javascript' src='http://www.foreworld.net/js/respond/1.4.2/respond.min.js'></script>
<![endif]-->

<!--basic styles-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/bootstrap-responsive.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
<link rel="stylesheet" href="http://www.foreworld.net/js/ace/1.1.2/assets/css/font-awesome-ie7.min.css" />
<![endif]-->

<!--page specific plugin styles-->

<!--fonts-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/google/style.css" />

<!--ace styles-->
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="https://www.foreworld.net/js/ace/1.1.2/assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
<link rel="stylesheet" href="http://www.foreworld.net/js/ace/1.1.2/assets/css/ace-ie.min.css" />
<![endif]-->

<link rel="stylesheet"
  href="https://www.foreworld.net/js/ztree/3.5.15/css/zTreeStyle/zTreeStyle.css" />

<link type="text/css" rel="stylesheet" href="http://ueditor.baidu.com/umeditor/themes/default/css/umeditor.min.css">

<style>
.main-content {
  margin-left: 0px;
}

.main-content .breadcrumb {
  margin-left: 12px;
}

.form-horizontal .control-label {
  width: 88px;
}

.form-horizontal .controls {
  margin-left: 98px;
}

#btn_search {
  border-radius: 0;
  width: 50px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  cursor: pointer;
}
</style>
</head>

<body style="">
	<div class="main-container container-fluid">
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li><i class="icon-home home-icon"></i> <a href="javascript:;">首页</a>
						<span class="divider"> <i class="icon-angle-right arrow-icon"></i>
					</span></li>
					<li class="active">实体管理</li>
				</ul>
				<!--.breadcrumb-->
			</div>

			<div class="page-content">
				<div class="page-header position-relative">
					<h1>
						实体管理 <small><i class="icon-double-angle-right"></i> 代码生成</small>
					</h1>
				</div>
				<!--/.page-header-->

				<div class="row-fluid">
					<div class="span12">
						<form class="form-horizontal">
							<div class="control-group">
								<label class="control-label">查询条件：</label>

								<div class="controls">
									<!--  -->
									<input type="text" name="role_name" id='role_name' placeholder="角色名">
									<!--  -->
									<span class="help-button" title='点击搜索' id='btn_search'>搜索</span>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!-- search -->

				<div class="row-fluid">
					<div class="span12">
						<div class="row-fluid">
							<div class="alert alert-block alert-error">
								<button type="button" class="close" data-dismiss="alert">
									<i class="icon-remove"></i>
								</button>
								<strong id='tips'>
									<i class="icon-info-sign"></i> {{ msg }}
								</strong>
							</div>
						</div>
						<!-- tips -->

						<div class="row-fluid">
							<div class="tabbable">
								<ul class="nav nav-tabs" id="myTab">
									<li class="active"><a data-toggle="tab" href="#info">
											<i class="green icon-edit bigger-110"></i> 修改密码
									</a></li>
								</ul>

								<div class="tab-content">
									<div class="tab-pane in active">
<form id='frm' role='form' class="form-horizontal" onsubmit='return push()'>
  <div class="control-group">
    <label class="control-label" for="frm_ct">创建时间</label>

    <div class="controls">
      <input id='frm_ct' name='frm_ct' type="text" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" style='background: #fff url("https://www.foreworld.net/js/My97DatePicker/4.8/skin/datePicker.gif") no-repeat right;' />
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_d4321">开始时间</label>

    <div class="controls">
      <input id="frm_d4321" name="frm_d4321" type="text" class="Wdate" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'frm_d4322\',{d:-3});}'})" style='background: #fff url("https://www.foreworld.net/js/My97DatePicker/4.8/skin/datePicker.gif") no-repeat right;' />
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_d4322">结束时间</label>

    <div class="controls">
      <input id="frm_d4322" name="frm_d4322" type="text" class="Wdate" onclick="WdatePicker({minDate:'#F{$dp.$D(\'frm_d4321\',{d:3});}'})" style='background: #fff url("https://www.foreworld.net/js/My97DatePicker/4.8/skin/datePicker.gif") no-repeat right;' />
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_z_province">省</label>

    <div class="controls">
      <select id='frm_z_province' name="frm_z_province" @change='selectFn($event)' v-model='selected'>
        <option value=''></option>
        <option v-for='_item in items' :value='_item.code'>{{ _item.name }}</option>
      </select>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_z_city">市</label>

    <div class="controls">
      <select id='frm_z_city' name="frm_z_city" @change='selectFn($event)' v-model='selected'>
        <option value=''></option>
        <option v-for='_item in items' :value='_item.code'>{{ _item.name }}</option>
      </select>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_z_county">县</label>

    <div class="controls">
      <select id='frm_z_county' name="frm_z_county" @change='selectFn($event)' v-model='selected'>
        <option value=''></option>
        <option v-for='_item in items' :value='_item.code'>{{ _item.name }}</option>
      </select>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_z_town">乡</label>

    <div class="controls">
      <select id='frm_z_town' name="frm_z_town" v-model='selected'>
        <option value=''></option>
        <option v-for='_item in items' :value='_item.code'>{{ _item.name }}</option>
      </select>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_content">内容</label>

    <div class="controls">
      <script type="text/plain" id="frm_content" name='frm_content' style="width:100%;height:260px;"></script>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="frm_realname">模糊提示</label>

    <div class="controls">
    </div>
  </div>

  <div class="form-actions">
    <button class="btn btn-info" type='submit'>
      <i class="icon-ok bigger-110"></i> 提交
    </button>
    &nbsp; &nbsp;
    <button class="btn" type="reset">
      <i class="icon-undo bigger-110"></i> 重置
    </button>
  </div>
</form>
									</div>
								</div>
							</div>
						</div>
						<!-- form -->

					</div>
				</div>
			</div>
		</div>
	</div>

</body></html>

<script src='https://www.foreworld.net/js/underscore/1.5.1/underscore.min.js'></script>
<script src="https://www.foreworld.net/js/ace/1.1.2/assets/js/bootstrap.min.js"></script>
<script src="https://www.foreworld.net/js/ace/1.1.2/assets/js/ace-elements.min.js"></script>
<script src="https://www.foreworld.net/js/ace/1.1.2/assets/js/ace.min.js"></script>
<script src="https://www.foreworld.net/js/ztree/3.5.15/js/jquery.ztree.core-3.5.js"></script>
<script src='https://www.foreworld.net/js/My97DatePicker/4.8/WdatePicker.js'></script>
<script src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js'></script>
<script src='http://cdn.staticfile.org/moment.js/2.24.0/moment.min.js'></script>
<script src='https://www.foreworld.net/js/jquery/ext/ext.form.js'></script>

<script>
function push(){
  console.log($('#frm').serializeObjectForm());
  return false;
}
</script>

<script>
var _app = {};

_app.tips = new Vue({
  el: '#tips',
  data: {
    msg: '系统提示： 请输入正确的密码格式（以字母开头，长度为6-18位，只能包含字符、数字和下划线）',
  },
});

_app.frm_z_province = new Vue({
  el: '#frm_z_province',
  data: {
    selected: '',
    items: [],
  },
  methods: {
    selectFn(e) {
      _app.frm_z_county.items = [];
      _app.frm_z_town.items = [];
      _app.frm_z_city.items = _app.frm_z_city.__data__[e.target.value];
    },
  },
});

_app.frm_z_city = new Vue({
  el: '#frm_z_city',
  data: {
    selected: '',
    items: [],
  },
  methods: {
    selectFn(e) {
      _app.frm_z_town.items = [];
      _app.frm_z_county.items = _app.frm_z_county.__data__[e.target.value];
    },
  },
});

_app.frm_z_county = new Vue({
  el: '#frm_z_county',
  data: {
    selected: '',
    items: [],
  },
  methods: {
    selectFn(e) {
      _app.frm_z_town.items = _app.frm_z_town.__data__[e.target.value];
    },
  },
});

_app.frm_z_town = new Vue({
  el: '#frm_z_town',
  data: {
    selected: '',
    items: [],
  },
});
</script>

<script>
$(function(){
  $.ajax({
    url: './data/province.json?ts=',
    type: 'GET',
    dataType: 'JSON',
    success: function(data){
      _app.frm_z_province.items = data;
    },
    error: function(){
      console.log(arguments);
    },
  });
});

$(function(){
  $.ajax({
    url: './data/city.json?ts=',
    type: 'GET',
    dataType: 'JSON',
    success: function(data){
      _app.frm_z_city.__data__ = data;
    },
    error: function(){
      console.log(arguments);
    },
  });
});

$(function(){
  $.ajax({
    url: './data/county.json?ts=',
    type: 'GET',
    dataType: 'JSON',
    success: function(data){
      _app.frm_z_county.__data__ = data;
    },
    error: function(){
      console.log(arguments);
    },
  });
});

$(function(){
  $.ajax({
    url: './data/town.json?ts=',
    type: 'GET',
    dataType: 'JSON',
    success: function(data){
      _app.frm_z_town.__data__ = data;
    },
    error: function(){
      console.log(arguments);
    },
  });
});

// $(function(){
//   $.ajax({
//     url: './pcas-code.json?ts='+ new Date().getTime(),
//     type: 'GET',
//     dataType: 'JSON',
//     success: function(data){
//       var _province = [];
//       var _city = {};
//       var _county = {};
//       var _town = {};

//       for(var _j_0 of data){
//         _province.push({
//           code: _j_0.code,
//           name: _j_0.name,
//         });

//         var _c_1 = _city[_j_0.code] = [];

//         for(var _j_1 of _j_0.children){
//           _c_1.push({
//             code: _j_1.code,
//             name: _j_1.name,
//           });

//           var _c_2 = _county[_j_1.code] = [];

//           for(var _j_2 of _j_1.children){
//             _c_2.push({
//               code: _j_2.code,
//               name: _j_2.name,
//             });

//             var _c_3 = _town[_j_2.code] = [];

//             for(var _j_3 of _j_2.children){
//               _c_3.push({
//                 code: _j_3.code,
//                 name: _j_3.name,
//               });
//             }
//           }
//         }
//       }

//       console.log(JSON.stringify(_province));
//       console.log(JSON.stringify(_city));
//       console.log(JSON.stringify(_county));
//       console.log(JSON.stringify(_town));
//     },
//     error: function(){
//       console.log(arguments);
//     },
//   });
// });
</script>

<script>
setTimeout(function(){
  var _x = '41';
  var _y = '4101';
  var _z = '410105';

  _app.frm_z_city.items = _app.frm_z_city.__data__[_x];
  _app.frm_z_county.items = _app.frm_z_county.__data__[_y];
  _app.frm_z_town.items = _app.frm_z_town.__data__[_z];

  _app.frm_z_province.selected = _x;
  _app.frm_z_city.selected = _y;
  _app.frm_z_county.selected = _z;
  _app.frm_z_town.selected = '410105001';
}, 3000);
</script>

<script>
$(function(){
  (function fn(){
    $('title').text(moment(new Date()).format('YYYY/MM/DD HH:mm:ss'));
    setTimeout(fn, 1000);
  })();
});
</script>

<script type="text/javascript" charset="utf-8" src="http://ueditor.baidu.com/umeditor/third-party/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://ueditor.baidu.com/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="http://ueditor.baidu.com/umeditor/umeditor.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://ueditor.baidu.com/umeditor/lang/zh-cn/zh-cn.js"></script>

<script>
(function(){
  var _serverPath = '/server/umeditor/';
  var _um = UM.getEditor('frm_content', {
    imageUrl: _serverPath +'imageUp.php',
    imagePath: _serverPath,
    lang: /^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
    langPath: UMEDITOR_CONFIG.UMEDITOR_HOME_URL +'lang/',
    focus: true,
    toolbar: [
      'source',
      '|',
      'undo', 'redo',
      '|',
      'bold', 'italic', 'underline', 'strikethrough',
      '|',
      'superscript', 'subscript',
      '|',
      'forecolor', 'backcolor',
      '|',
      'removeformat',
      '|',
      'insertorderedlist','insertunorderedlist',
      '|',
      'selectall', 'cleardoc', 'paragraph',
      '|',
      'fontfamily', 'fontsize',
      '|',
      'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify',
      '|',
      'link', 'unlink',
      '|',
      'image',
      '|',
      'horizontal', 'print', 'preview', 'drafts', 'formula', 'fullscreen',
    ],
  });
})();
</script>
